require(['jquery', 'layui', 'echarts', './dev/layConfig'], function ($, layui, echarts, lays) {

  layui.config(lays).link('http://www.ytbuyer.com/style/commons/reset.css').link('./js/vendor/layui/src/css/layui.css').link('./css/index.css')
    .use(['element','form','table','laypage', 'layer'], function () {
      var laypage = layui.laypage
        ,layer = layui.layer
        ,table = layui.table;

      //完整功能
      laypage.render({
        elem: 'demo7'
        ,count: 30
        ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
        ,jump: function(obj){
          console.log(obj)
        }
      });

    })


  var chartWih = 600+"px"
  var chartHig = 600+"px"

  $(".chart-box").css({
    "width":chartWih,
    "height":chartHig,
    "margin":"0 auto"
  });

  var option = {
    title: {
      text: '某站点用户访问来源',
      subtext: '纯属虚构',
      x: 'center'
    },
    tooltip: {
      trigger: 'item',
      formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
      orient: 'vertical',
      left: 'left',
      data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
    },
    series: [
      {
        name: '访问来源',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        data: [
          {value: 335, name: '直接访问'},
          {value: 310, name: '邮件营销'},
          {value: 234, name: '联盟广告'},
          {value: 135, name: '视频广告'},
          {value: 1548, name: '搜索引擎'}
        ],
        itemStyle: {
          emphasis: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  };

  var myChart = echarts.init(document.getElementById('chartmain'));

  //使用制定的配置项和数据显示图表
  myChart.setOption(option);




});

